<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			
			ul {
				/*
					列表样式类型
					none: 无效果;
					circle: 空心圆;
					disc: 实心圆;
					decimal: 十进制数字;
					lower-alpha: 小写字母;
					upper-alpha: 大写字母;
					square: 实心方块;
				*/
				list-style-type: square;

				/*
					列表样式图片
				*/
				list-style-image: url("img/girl4.jpg");
				
				/*
					列表样式位置
					outside: 在li的外面;
					inside: 在li的里面;
				*/
				list-style-position: inside;
			}

			li {
				background-color: red;
			}


		</style>
	</head>
	<body>

		<ul>
			<li>呵呵</li>
			<li>哈哈</li>
			<li>嘻嘻</li>
			<li>嘿嘿</li>
			<li>呵呵</li>
			<li>哈哈</li>
			<li>嘻嘻</li>
			<li>嘿嘿</li>
			<li>呵呵</li>
			<li>哈哈</li>
			<li>嘻嘻</li>
			<li>嘿嘿</li>
			<li>呵呵</li>
			<li>哈哈</li>
			<li>嘻嘻</li>
			<li>嘿嘿</li>
		</ul>
		
	</body>
</html>